<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-spring4-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:th="http://www.thymeleaf.org">
<head>
<title>首页</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<body>
	<div class="container" id="content">
		<section class="content-header">
			<h1>
				<i class="fa fa-child"></i> <strong>用户维度</strong>
			</h1>
			<ol class="breadcrumb">
				<li><a href="#"><i class="fa fa-home "></i>Home</a></li>
				<li>系统管理</li>
				<li class="active">绑定详情</li>
			</ol>
		</section>
		<!-- Main content -->
		<section class="content">
			<input type="hidden" id="userId" />
			<div class="box box-info">
				<div class="box-header with-border">
					<i class="fa fa-th-list"></i>
					<h4 class="box-title">绑定详情</h4>
				</div>
			</div>

			<div class="row">
				<div class="col-md-2">
					<div class="box box-info">
						<div class="box-header with-border">

							<h3 class="box-title">
								<i class="fa fa-cubes "></i><strong>组织树信息</strong>
							</h3>
						</div>

						<div class="box-body">
							<!-- <ul id="divisionTree" class="ztree"></ul> -->
							<ul id="hierarchyTree" class="ztree"></ul>
						</div>
					</div>
				</div>
				<div class="col-md-4">
					<input type="hidden" id="bindUserId" />
					<input type="hidden" id="unbindUserId"/>
					<div class="box box-info">
						<div class="box-header with-border">
							<h3 class="box-title">
								<i class="fa fa-cubes "></i><strong>已绑定组织的用户信息</strong>
							</h3>
						</div>

						<div class="box-body">
							<div class="form-inline">
								<div class="input-group">
									<input type="text" class="form-control" id="search1"
										placeholder="search...." /> <span class="input-group-btn">
										<button type="button" name="search"
											class="btn btn-info searchBtn1">查询</button>
										<button type="button" name="reset" id="reset"
											class="btn btn-info resetBtn1">撤消</button>
									</span>

								</div>

							</div>
							<br />
							<table id="userBindHierarchyTable"
								class="mytable display table-bordered text-center"
								cellspacing="0" width="100%">
								<thead>
									<tr>
										<th width="6%">序号</th>
										<th width="8%">姓名</th>
										<th width="8%">性别</th>
										<th width="8%">所属组织</th>
									</tr>
								</thead>
								<tbody>

								</tbody>
							</table>
						</div>
					</div>
				</div>
				<div class="col-md-6">
					<div class="box box-info">
						<div class="box-header with-border">
							<h3 class="box-title">
								<i class="fa fa-cubes "></i><strong>未绑定用户的网格信息</strong>
							</h3>
						</div>

						<div class="box-body">
							<div class="form-inline">
								<div class="input-group">
									<input type="text" class="form-control" id="search2"
										placeholder="search...." /> <span class="input-group-btn">
										<button type="button" name="search"
											class="btn btn-info searchBtn2">查询</button>
										<button type="button" name="reset" id="reset"
											class="btn btn-info resetBtn2">撤消</button>
										<button type="button" name="reset"
											class="btn btn-primary bindUser">绑定用户</button>
									</span>

								</div>

							</div>
							<br />
							<table width="100%" id="gridUnbindUserGridTable"
								class="mytable dataTable table-bordered text-center table-striped table-hover">
								<thead>
									<tr>
										<th width="6%">序号</th>
										<th width="6%"><input type="checkbox"
											id="selectAllUnbindGrid" /></th>
										<th width="8%">网格编码</th>
										<th width="8%">网格名称</th>
										<!-- <th width="8%">网格面积</th>
										<th width="8%">网格状态</th>
										<th width="8%">网格类型</th>
										<th width="8%">OBJECTID</th>
										<th width="8%">所属区域</th> -->

									</tr>
								</thead>
								<tbody>
								</tbody>
							</table>
						</div>
					</div>
					<div class="box box-info">
					
						<div class="box-header with-border">
							<h3 class="box-title">
								<i class="fa fa-cubes "></i><strong>已绑定用户的网格信息</strong>
							</h3>
						</div>

						<div class="box-body">
							<div class="form-inline">
								<div class="input-group">
									<input type="text" class="form-control" id="search3"
										placeholder="search...." /> <span class="input-group-btn">
										<button type="button" name="search"
											class="btn btn-info searchBtn3">查询</button>
										<button type="button" name="reset" id="reset"
											class="btn btn-info resetBtn3">撤消</button>
										<button type="button" class="btn btn-danger unbindBtn">解除绑定</button>
									</span>

								</div>

							</div>
							<table width="100%" id="gridBindGridTable"
								class="mytable dataTable table-bordered text-center table-striped table-hover">
								<thead>
									<tr>
										<th width="6%">序号</th>
										<th width="6%"><input type="checkbox"
											id="selectAllBindGrid" /></th>
										<th width="8%">网格编码</th>
										<th width="8%">网格名称</th>
										<th width="8%">网格面积</th>
										<th width="8%">网格状态</th>
										<th width="8%">网格类型</th>
										<th width="8%">OBJECTID</th>
										<th width="8%">所属区域</th>

									</tr>
								</thead>
								<tbody>
								</tbody>
							</table>
						</div>
					</div>

				</div>
			</div>
		</section>


		<script th:src="@{/userDimension/index.js}"></script>
	</div>

</body>
</html>